let pager = {}; //分页
pager.pageNum = 1;
let totalPage; //总页码
let total;//总条数
let listNum = 0;//总条数
pullRefresh(pager); //启用上拉下拉


$(document).ready(function () {
    //实时监听 input 输入框的值变化
    $('#drugNameInput').bind('input propertychange', function () {
        WeKnow.loading();
        pager = {}; //分页
        pager.pageNum = 1;
        totalPage=0; //总页码
        total=0;//总条数
        listNum = 0;//总条数
        $('#drugItemList').empty();
        pullRefresh(pager); //启用上拉下拉
    });


    BarcodeReader.Init();
    BarcodeReader.SetImageCallback(function (result) {
        if (!result.length) {
            WeKnow.errorMsg("无效的条形码！");
            WeKnow.closeLoading();
            return;
        }
        let barcode = result[0];
        if (barcode.Value) {
            getDrugIdByBarCode(barcode.Value);
        }
    });
    document.querySelector("#barCode").addEventListener('change', function (evt) {
        WeKnow.loading();
        let file = evt.target.files[0];
        let reader = new FileReader();
        reader.onloadend = function () {
            let img = new Image();
            img.src = reader.result;
            BarcodeReader.DecodeImage(img);
        }
        reader.readAsDataURL(file);
    }, false);


});


function getDrugIdByBarCode(barcode) {
    let params = {};
    params.barCode = barcode;
    $.ajax({
        type: "POST",
        url: "drugs/getDrugIdByBarCode",
        dataType: "json",
        data: params,
        async: true,//异步调用
        success: function (data) {
            if (data.errCode == 1) {
                let params = {"drugId": data.drugId};
                WeKnow.location("showDrugDetail", params);
                WeKnow.closeLoading();
            } else if (data.errCode == 0) {
                WeKnow.notifyMsg(data.errMsg);
                WeKnow.closeLoading();
            }
        }
    });
}


//点击药品列表项事件
mui('body').on('tap', '.contextDivList', function () {
    let contextDivId = this.id;
    let num = contextDivId.replace("contextDiv", "");
    let drugId = '#drugId' + num;
    let params = {"drugId": $(drugId).text()};
    WeKnow.location("showDrugDetail", params);
    WeKnow.closeLoading();


})


function pullRefresh() {
    mui("#refreshContainer").pullRefresh({
        up: {
            auto: true, //可选,默认false.首次加载自动下拉刷新一次
            contentdown: "下拉可以加载更多", //可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
            contentover: "释放立即加载", //可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
            contentrefresh: "正在加载...", //可选，正在加载状态时，上拉加载控件上显示的标题内容
            contentnomore: '没 有 更 多 数 据 了', //可选，请求完毕若没有更多数据时显示的提醒内容；
            style: 'circle',//必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
            color: '#2BD009', //可选，默认“#2BD009” 下拉刷新控件颜色
            height: '50px',//可选,默认50px.下拉刷新控件的高度,
            range: '100px', //可选 默认100px,控件可下拉拖拽的范围
            offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
            callback: function () { //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
                window.setTimeout(function () {
                    pager.pageSize = 10; //条数
                    getData(pager);
                }, 500);
            }
        },

    })
}

function getData(params) {
    let pageNum = params.pageNum;
    let pageSize = params.pageSize;

    mui.ajax("drugs/drugList", {
        data: {
            pageNum: pageNum,
            pageSize: pageSize,
            drugName: $("#drugNameInput").val()
        },
        dataType: 'json', //服务器返回json格式数据
        type: 'post', //HTTP请求类型
        timeout: 10000, //超时时间设置为10秒；
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        success: function (data) {
            WeKnow.closeLoading();
            total = data.totalNum;
            $('#totalNum').text(data.totalNum);
            mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
            if (data.errCode === 1) {
                let maInvsBaseDrugList = data.maInvsBaseDrugList;
                let drugItemList = document.getElementById('drugItemList');
                for (let i = 0; i < maInvsBaseDrugList.length; i++) {
                    listNum++;
                    let html =
                        '<li id="contextDiv' + listNum + '" class="contextDivList mui-table-view-cell mui-media">' +
                        '<span id ="drugId' + listNum + '" style="display: none">' + maInvsBaseDrugList[i].id + '</span>' +
                        '<a href="javascript:;">' +
                        '<div class="mui-media-body"> ' +
                        maInvsBaseDrugList[i].drugName +
                        '<div class="dosageAndCompanyDiv">' +
                        ' <p class="dosageDiv">' + maInvsBaseDrugList[i].specification + '</p>' +
                        '<p class="companyNameDiv">' + maInvsBaseDrugList[i].manufacturer + '</p>' +
                        '</div>' +
                        '</div>' +
                        '</a>' +
                        '</li>';
                    drugItemList.innerHTML += html;
                }
                //这里很重要，这里获取页码 公式：总条数/每页显示条数
                totalPage = total % pager.pageSize != 0 ? parseInt(total / pager.pageSize) + 1 : total / pager.pageSize;
                if (totalPage == pager.pageNum || totalPage == 0) { //总页码等于当前页码，停止上拉下拉
                    mui('#refreshContainer').pullRefresh().endPullupToRefresh(true);
                } else {
                    pager.pageNum = pager.pageNum + 1;
                    mui('#refreshContainer').pullRefresh().refresh(true);
                }
            } else if (data.result == '0001') {

            }

        },
        error: function (xhr, type, errorThrown) {
            //异常处理；

        }
    })
}

// 跳转条形码页面
$("#barCodeDiv").on('click', function (e) {
    $('#barCode').click();
});






